8f:I[903690,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/207k4irufuy1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xnpnq2yv_y5u.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2eciheds0i9z4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1oslv0c4p1hes.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0294hnotirvvk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3egyb5cbfet-b.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3fbsfek8pd--1.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/0gl0monphc_1q.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/32nvcog1s7wsq.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3a-9evtevbng4.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/3xuq22wvkumrj.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN","/chat-static/_next/static/chunks/1848vponakflr.js?dpl=dpl_7ipFKqLPBgcbMdnF5fA9FDUDf8TN"],"SWRDataProvider"] 91:T181d,[V0_FILE]typescriptreact:file="components/kokonutui/bento-grid.tsx" import type React from "react" import { cn } from "@/lib/utils" import { Home, MapPin, Compass, Building, Heart, HomeIcon, Camera } from "lucide-react" import Link from "next/link" import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card" interface BentoItem { title: string description: string icon: React.ReactNode status?: string tags?: string[] meta?: string cta?: string colSpan?: number hasPersistentHover?: boolean } interface BentoGridProps { items: BentoItem[] } const itemsSample: BentoItem[] = [ { title: "Luxury Beachfront Villa", meta: "4.9 (128 reviews)", description: "Stunning oceanfront property with private pool, modern amenities, and breathtaking sunset views. Perfect for family getaways.", icon: , status: "Superhost", tags: ["Beachfront", "Pool", "Luxury"], colSpan: 2, hasPersistentHover: true, }, { title: "Downtown Loft", meta: "$199/night", description: "Modern urban living in the heart of the city. Walking distance to restaurants and attractions.", icon: , status: "Instant Book", tags: ["Urban", "Modern"], }, { title: "Popular Areas", description: "Discover trending neighborhoods with the highest guest satisfaction", icon: , status: "New", }, { title: "Bali Villa", description: "A luxurious villa in Bali with a private pool and stunning views of the ocean", icon: , meta: "12 houses", tags: ["Housing", "Tools"], }, { title: "Travel Collections", description: "Curated lists of unique stays and experiences worldwide", icon: , meta: "Updated weekly", tags: ["Featured", "Curated"], }, { title: "Local Guide", meta: "6 cities", description: "Expert recommendations for local attractions and hidden gems", icon: , status: "Featured", tags: ["Local", "Guide"], }, { title: "Exclusive Experiences", meta: "100+ activities", description: "Unique adventures and memorable experiences curated by local experts. From cooking classes to outdoor expeditions.", icon: , status: "Premium", tags: ["Activities", "Local"], colSpan: 2, }, ] export default function BentoGrid({ items = itemsSample }: BentoGridProps) { return (

{items.map((item) => (

{item.icon}

{item.status || "Active"}

{item.title} {item.meta}

{item.description}

{item.tags?.map((tag) => ( #{tag} ))}

{item.cta || "Explore →"}

))}

) }85:["$","$L8f",null,{"chatId":"YtRzGDof9lj","children":["$","$L90",null,{"data":{"@\"active-block\",\"YtRzGDof9lj\",":{"id":"b_nOLXA91mSiW","messageId":"2AS9K5TgFKpnlL60r083zYCz1Yz5xM6U","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"YtRzGDof9lj\",":false,"":null},"children":"$L92"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This